<!-- 个人模块总入口 -->
<template>
  <div id="profile">
    <nav-bar>
      <template v-slot:right>
        <img src="~assets/img/navbar/information.svg" alt="">
        <img src="~assets/img/navbar/setUp.svg" alt="">
      </template>
    </nav-bar>
    <user-show></user-show>
    <user-pet></user-pet>
    <user-cart></user-cart>

  </div>
</template>

<script>
import NavBar from "common/navbar/NavBar";
import UserShow from './childComps/userInfo/UserShow';
import UserPet from './childComps/petInfo/UserPet.vue';
import UserCart from './childComps/userCart/UserCart.vue'

export default {
  name: "Profile",
  components: {
    NavBar,
    UserShow,
    UserPet,
    UserCart
  },
  data() {
    return {};
  },
  //生命周期 - 创建完成（访问当前this实例）
  created() {},
  methods:{

  },
  //生命周期 - 挂载完成（访问DOM元素）
  mounted() {},
};
</script>

<style scoped>
#profile{
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #fafafa;
}
.nav-bar{
  text-align: right;
}
.nav-bar img{
  width: 25px;
  height: 25px;
}
.nav-bar img:first-child{
  margin-right: 15px;
}

</style>